
<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="Chameleon Admin is a modern Bootstrap 4 webapp &amp; admin dashboard html template with a large number of components, elegant design, clean and organized code.">
    <meta name="keywords" content="admin template, Chameleon admin template, dashboard template, gradient admin template, responsive admin template, webapp, eCommerce dashboard, analytic dashboard">
    <meta name="author" content="ThemeSelect">
    <title>培训计划详情</title>
    <link rel="apple-touch-icon" href="theme-assets/images/ico/apple-icon-120.png">
    <link rel="shortcut icon" type="image/x-icon" href="theme-assets/images/ico/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i%7CComfortaa:300,400,700" rel="stylesheet">
    <link href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome.min.css" rel="stylesheet">
    <!-- BEGIN VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="theme-assets/css/vendors.css">
    <!-- END VENDOR CSS-->
    <!-- BEGIN CHAMELEON  CSS-->
    <link rel="stylesheet" type="text/css" href="theme-assets/css/app-lite.css">
    <!-- END CHAMELEON  CSS-->
    <!-- BEGIN Page Level CSS-->
    <link rel="stylesheet" type="text/css" href="theme-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="theme-assets/css/core/colors/palette-gradient.css">
    <!-- END Page Level CSS-->
    <!-- BEGIN Custom CSS-->
    <!-- END Custom CSS-->
</head>
<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click" data-menu="vertical-menu" data-color="bg-gradient-x-purple-blue" data-col="2-columns">

<!-- fixed-top-->
<nav class="header-navbar navbar-expand-md navbar navbar-with-menu navbar-without-dd-arrow fixed-top navbar-semi-light">
    <div class="navbar-wrapper">
        <div class="navbar-container content">
            <div class="collapse navbar-collapse show" id="navbar-mobile">
                <ul class="nav navbar-nav mr-auto float-left">
                    <li class="nav-item d-block d-md-none"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i class="ft-menu"></i></a></li>
                    <li class="nav-item d-none d-md-block"><a class="nav-link nav-link-expand" href="#"><i class="ficon ft-maximize"></i></a></li>
                </ul>
                <ul class="nav navbar-nav float-right">
                    <li class="dropdown dropdown-notification nav-item"><a class="nav-link nav-link-label" href="#" data-toggle="dropdown"><i class="ficon ft-mail">             </i></a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="arrow_box_right"><a class="dropdown-item" href="#"><i class="ft-book"></i> Read Mail</a><a class="dropdown-item" href="#"><i class="ft-bookmark"></i> Read Later</a><a class="dropdown-item" href="#"><i class="ft-check-square"></i> Mark all Read       </a></div>
                        </div>
                    </li>
                    <li class="dropdown dropdown-user nav-item"><a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">             <span class="avatar avatar-online"><img src="theme-assets/images/portrait/small/avatar-s-19.png" alt="avatar"><i></i></span></a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="arrow_box_right"><a class="dropdown-item" href="#"><span class="avatar avatar-online"><img src="theme-assets/images/portrait/small/avatar-s-19.png" alt="avatar"><span class="user-name text-bold-700 ml-1">超级管理员</span></span></a>
                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><i class="ft-user"></i> 编辑信息</a>
                                <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><i class="ft-power"></i> 退出登录</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<!-- ////////////////////////////////////////////////////////////////////////////-->


<div class="main-menu menu-fixed menu-light menu-accordion    menu-shadow " data-scroll-to-active="true" data-img="theme-assets/images/backgrounds/02.jpg">
    <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
            <li class="nav-item mr-auto"><a class="navbar-brand" href="需求填报.html"><img class="brand-logo" alt="Chameleon admin logo" src="theme-assets/images/logo/logo.png"/>
                <h3 class="brand-text">培训管理系统</h3></a></li>
            <li class="nav-item d-md-none"><a class="nav-link close-navbar"><i class="ft-x"></i></a></li>
        </ul>
    </div>
    <div class="main-menu-content">
        <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
            <li class=" nav-item"><a href="需求填报.html"><i class="ft-layers"></i><span class="menu-title" data-i18n="">需求填报</span></a>
            </li>
            <li class=" nav-item"><a href="需求管理.html"><i class="ft-box"></i><span class="menu-title" data-i18n="">需求管理</span></a>
            </li>
            <li class=" nav-item"><a href="年度计划.html"><i class="ft-check-circle"></i><span class="menu-title" data-i18n="">年度计划</span></a>
            </li>
            <li class=" nav-item"><a href="培训计划.html"><i class="ft-layout"></i><span class="menu-title" data-i18n="">培训计划</span></a>
            </li>
            <li class=" nav-item"><a href="培训计划审核.html"><i class="ft-check-square"></i><span class="menu-title" data-i18n="">培训计划审核</span></a>
            </li>
            <li class=" nav-item"><a href="师资库.html"><i class="ft-user"></i><span class="menu-title" data-i18n="">师资库</span></a>
            </li>
            <li class=" nav-item"><a href="报名人员审核.html"><i class="ft-user-check"></i><span class="menu-title" data-i18n="">报名人员审核</span></a>
            </li>
            <li class=" nav-item"><a href="我的课程.html"><i class="ft-calendar"></i><span class="menu-title" data-i18n="">我的课程</span></a>
            </li>
            <li class=" nav-item"><a href="题库.html"><i class="ft-package"></i><span class="menu-title" data-i18n="">题库</span></a>
            </li>
            <li class=" nav-item"><a href="问卷调查管理.html"><i class="ft-clipboard"></i><span class="menu-title" data-i18n="">问卷调查管理</span></a>
            </li>
        </ul>
    </div>
    <div class="navigation-background"></div>
</div>

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-wrapper-before"></div>
        <div class="content-header row">
            <div class="content-header-left col-md-4 col-12 mb-2">
                <h3 class="content-header-title">培训计划详情</h3>
            </div>
            <div class="content-header-right col-md-8 col-12">
                <div class="breadcrumbs-top float-md-right">
                    <div class="breadcrumb-wrapper mr-1">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="年度计划.html">首页</a>
                            </li>
                            <li class="breadcrumb-item active">培训计划
                            </li>
                            <li class="breadcrumb-item active">XXXXXXXX培训计划
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body"><!-- Basic Tables start -->
            <section id="global-settings" class="card">
                <div class="card-header" style="padding-bottom: 0; padding-top: 30px;">
                    <h1>XXXXXXXX培训计划</h1>
                    <h4 class="card-title mt-1">培训时间：2025年01月01日至2025年12月31日</h4>
                    <h4 class="card-title mb-1">培训地点：内蒙古呼和浩特市新城区</h4>
                    <h4 class="card-title mb-1">培训人数：50人</h4>
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="card-content">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card-body">
                                <div class="card-text">
                                    <p><b>培训内容:</b></p>
                                    <ul>
                                        <li>安全工器具检查与使用：确保正确使用工器具，保障作业安全。</li>
                                        <li>高处坠落风险辨识与防护：识别高空作业风险，采取防护措施。</li>
                                        <li>触电风险辨识与防护：了解触电风险，实施有效防护。 </li>
                                        <li>有限空间风险辨识与防护：掌握有限空间作业风险及防护方法。</li>
                                        <li>综合测评与面试：评估应聘者综合能力，择优录用。</li>
                                    </ul>
                                </div>
                                <div class="card-text">
                                    <p><b>培训教师:</b></p>
                                    <dl class="row">
                                        <dt class="col-sm-12">班主任：<b>张三</b></dt>
                                    </dl>
                                    <dl class="row">
                                        <dt class="col-sm-12">培训讲师：<b>李四</b>、<b>王五</b>、<b>赵六</b></dt>
                                    </dl>
                                </div>
                                <div class="card-text">
                                    <p><b>教学计划审批表:</b></p>
                                    <ul>
                                        <li>教学计划审批表。<a href="javascript:void(0)">下载到本地</a></li>
                                    </ul>
                                </div>
                                <div class="card-text">
                                    <p>
                                        <b>预算审批表:</b>
                                        <a
                                           href="#"
                                           class="ml-1 btn-link"
                                           data-toggle="modal"
                                           data-target="#referToModal"
                                        >参考</a>
                                    </p>
                                    <ul>
                                        <li>预算审批表。<a href="javascript:void(0)">下载到本地</a></li>
                                    </ul>
                                </div>
                                <div class="card-text">
                                    <p><b>课程表:</b></p>
                                    <ul>
                                        <li>课程表。<a href="javascript:void(0)">下载到本地</a></li>
                                    </ul>
                                </div>
                                <div class="card-text">
                                    <p><b>考勤记录:</b></p>
                                    <ul>
                                        <li>考勤记录。<a href="javascript:void(0)">下载到本地</a></li>
                                    </ul>
                                </div>
                                <div class="card-text">
                                    <p><b>考试成绩:</b></p>
                                    <ul>
                                        <li>考试成绩。<a href="javascript:void(0)">下载到本地</a></li>
                                    </ul>
                                </div>
                                <div class="card-text">
                                    <p><b>报账单:</b><a href="#" class="ml-1 btn-link">参考</a></p>
                                    <ul>
                                        <li>报账单。<a href="javascript:void(0)">下载到本地</a></li>
                                    </ul>
                                </div>
                                <div class="card-text">
                                    <p><b>教学记录:</b></p>
                                    <ul>
                                        <li>教学记录。<a href="javascript:void(0)">下载到本地</a></li>
                                    </ul>
                                </div>
                                <div class="card-text">
                                    <p><b>其他附件:</b></p>
                                    <ul>
                                        <li>附件一。<a href="javascript:void(0)">下载到本地</a></li>
                                        <li>附件二。<a href="javascript:void(0)">下载到本地</a></li>
                                        <li>附件三。<a href="javascript:void(0)">下载到本地</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card-body">
                                <div class="card-text">
                                    <p><b>学员名单:（合计50人）</b></p>
                                    <ul class="list-inline">
                                        <li class="list-inline-item">李同学（男）(13912345678)</li>
                                        <li class="list-inline-item">王同学（女）(13823456789)</li>
                                        <li class="list-inline-item">张同学（男）(13734567890)</li>
                                        <li class="list-inline-item">刘同学（女）(13645678901)</li>
                                        <li class="list-inline-item">陈同学（男）(13556789012)</li>
                                        <li class="list-inline-item">杨同学（女）(13467890123)</li>
                                        <li class="list-inline-item">赵同学（男）(15978901234)</li>
                                        <li class="list-inline-item">黄同学（女）(15889012345)</li>
                                        <li class="list-inline-item">周同学（男）(15790123456)</li>
                                        <li class="list-inline-item">吴同学（女）(15001234567)</li>
                                        <li class="list-inline-item">徐同学（男）(15112345670)</li>
                                        <li class="list-inline-item">孙同学（女）(15223456781)</li>
                                        <li class="list-inline-item">胡同学（男）(18834567892)</li>
                                        <li class="list-inline-item">朱同学（女）(18745678903)</li>
                                        <li class="list-inline-item">高同学（男）(18256789014)</li>
                                        <li class="list-inline-item">林同学（女）(18367890125)</li>
                                        <li class="list-inline-item">何同学（男）(18478901236)</li>
                                        <li class="list-inline-item">郭同学（女）(17889012347)</li>
                                        <li class="list-inline-item">马同学（男）(13090123458)</li>
                                        <li class="list-inline-item">罗同学（女）(13101234569)</li>
                                        <li class="list-inline-item">梁同学（男）(13212345670)</li>
                                        <li class="list-inline-item">宋同学（女）(15623456781)</li>
                                        <li class="list-inline-item">郑同学（男）(15534567892)</li>
                                        <li class="list-inline-item">谢同学（女）(18645678903)</li>
                                        <li class="list-inline-item">韩同学（男）(18556789014)</li>
                                        <li class="list-inline-item">唐同学（女）(17667890125)</li>
                                        <li class="list-inline-item">冯同学（男）(13378901236)</li>
                                        <li class="list-inline-item">于同学（女）(15389012347)</li>
                                        <li class="list-inline-item">董同学（男）(18990123458)</li>
                                        <li class="list-inline-item">萧同学（女）(18001234569)</li>
                                        <li class="list-inline-item">程同学（男）(18112345670)</li>
                                        <li class="list-inline-item">曹同学（女）(17723456781)</li>
                                        <li class="list-inline-item">袁同学（男）(13534567892)</li>
                                        <li class="list-inline-item">邓同学（女）(13645678903)</li>
                                        <li class="list-inline-item">许同学（男）(13756789014)</li>
                                        <li class="list-inline-item">傅同学（女）(13867890125)</li>
                                        <li class="list-inline-item">沈同学（男）(13978901236)</li>
                                        <li class="list-inline-item">曾同学（女）(15089012347)</li>
                                        <li class="list-inline-item">彭同学（男）(15190123458)</li>
                                        <li class="list-inline-item">吕同学（女）(15201234569)</li>
                                        <li class="list-inline-item">苏同学（男）(15312345670)</li>
                                        <li class="list-inline-item">卢同学（女）(15523456781)</li>
                                        <li class="list-inline-item">蒋同学（男）(15634567892)</li>
                                        <li class="list-inline-item">蔡同学（女）(15745678903)</li>
                                        <li class="list-inline-item">贾同学（男）(15856789014)</li>
                                        <li class="list-inline-item">丁同学（女）(15967890125)</li>
                                        <li class="list-inline-item">魏同学（男）(13078901236)</li>
                                        <li class="list-inline-item">薛同学（女）(13189012347)</li>
                                        <li class="list-inline-item">叶同学（男）(13290123458)</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="display: flex; align-items: center; justify-content: flex-end; border-top: 1px solid #f1f1f1;">
                        <button type="button" class="btn btn-success btn-min-width mr-1 mt-1 mb-1"><i class="ft-check"></i> 通过</button>
                        <button type="button" class="btn btn-danger btn-min-width mr-1 mt-1 mb-1"><i class="ft-x"></i> 不通过</button>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<!--参考 弹窗-->
<div class="modal fade bd-example-modal-lg" id="referToModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" style="max-width: 800px;" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">参考</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="referToImgBox">
                    <img src="theme-assets/images/tables01.png" style="max-width: 100%; display: block;" alt="">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////-->


<footer class="footer footer-static footer-light navbar-border navbar-shadow">
    <div class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span class="float-md-left d-block d-md-inline-block">2025  &copy; Copyright </span>
        <ul class="list-inline float-md-right d-block d-md-inline-blockd-none d-lg-block mb-0">
            <li class="list-inline-item"><a class="my-1" href="#"> 技术支持：XXXXX</a></li>
        </ul>
    </div>
</footer>

<!-- BEGIN VENDOR JS-->
<script src="theme-assets/vendors/js/vendors.min.js" type="text/javascript"></script>
<!-- BEGIN VENDOR JS-->
<!-- BEGIN PAGE VENDOR JS-->
<!-- END PAGE VENDOR JS-->
<!-- BEGIN CHAMELEON  JS-->
<script src="theme-assets/js/core/app-menu-lite.js" type="text/javascript"></script>
<script src="theme-assets/js/core/app-lite.js" type="text/javascript"></script>
<!-- END CHAMELEON  JS-->
<!-- BEGIN PAGE LEVEL JS-->
<!-- END PAGE LEVEL JS-->
</body>
</html>
